<template>
    <div class="footer">
        <van-tabbar v-model="active" active-color="#FA4B36" inactive-color="#999" route>
            <van-tabbar-item to="/" icon="wap-home"> 
            首页
            </van-tabbar-item>
            <van-tabbar-item to="/community" icon="shop-collect">社区</van-tabbar-item>
            <van-tabbar-item to="/my" icon="manager">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>

export default {
  // 定义属性
  name: "Footer",
  data() {
    return {
        active: 0,
    };
  },
  methods: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>

<style lang='scss' scoped>

</style>